<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../js/cookie.js"></script>
</head>

<body>
  <button id="add">点击</button>
</body>
<script>
  // 对比变量和 cookie
  // 共同点  
  // 变量和cookie都可以存储数据

  // 区别:
  // (1) 变量只在当前页面生效  刷新页面,变量会重置 
  //     cookie可以长时间存储数据 (有效期:浏览器关闭,到达指定时间)

  // (2) 变量可以存储任意类型的数据  cookie的键名 键值都是字符串


  var add = document.getElementById("add");


  // var count = 0;

  // add.onclick = function(){
  //     count++;
  //     console.log(count);
  // }


  var count = getCookie("count") || 0;

  add.onclick = function () {
    count++;
    console.log(count);
    setCookie("count", count, 7)
  }







</script>

</html>